{% extends "base.html" %}
<script type="text/javascript">
    //<![CDATA[
    form.Element.focus('username');
    //]]>
</script>
{% block content %}
    <style>
        *					{ margin: 0; padding: 0; }
        body				{ font-family: Georgia, serif; background: url(/static/images/login-page-bg.jpg) top center no-repeat #c4c4c4; color: #3a3a3a;  }

        .clear				{ clear: both; }

        form				{ width: 406px; margin: 170px auto 0; }

        legend				{ display: none; }

        fieldset			{ border: 0; }

        label				{ width: 115px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; }

        input				{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;  color: #3a3a3a; font-family: Georgia, serif;}

        input[type=checkbox]{ width: 20px; margin: 0; display: inline-block; }

        .button	{ background: url(/static/images/button-bg.png) repeat-x top center; border: 1px solid #999;
            -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold;
            -webkit-border-radius: 5px; font-size: 13px;  width: 70px; }
        .button:hover		{ background: white; color: black; }
    </style>
    <form action="" method="post">
        {%csrf_token%}
        <fieldset>
            <legend>系统登录</legend>
            <label for="username">用户名:</label>
            <input id="username" name="username" tabindex="1" type="text">

            <div class="clear"></div>
            <label for="password">密码:</label>
            <input id="password" name="password" tabindex="2" type="password">
            <div class="clear"></div>
            <label for="autologin"><input id="autologin" name="autologin" tabindex="4" type="checkbox" value="1">保持登录?</label>
            <div class="clear"></div>
            <br />
            <input type="submit" name="login" value="登录 »" class="button" tabindex="5" style="margin: -20px 0 0 287px;"/>
        </fieldset>



    </form>

{% endblock %}